<div class="section-title" ng-click="togglePanel('workMaterial',$event);">
    <i class="material-icons close">remove</i>
    <i class="material-icons open">add</i>
    <label class="title-name" ng-bind="'dashboard.workMaterial.title' | translate"></label>
    <div class="kmi-can-click"></div>
    <div style="z-index:1;display: flex;padding-right: 2px;">
        <button class="mdl-button mdl-js-button mdl-button--icon kmi-button--icon" ng-click="changePanel($event, 'workMaterial');">
            <i class="material-icons">&#xE871;</i>
        </button>
    </div>
</div>
<div class="section-content">
    <div class="kmi-list kmi-list__no-header none-column-split" kmi-scrollbar="100%">
        <div class="kmi-list__row-content">
            <!-- <div class="kmi-list__row" ng-repeat="item in dashboard['workMaterial'].materials_detail track by $index"
                ng-class="{'material-warn':(+item.materials_qty) < (+config.setting.materialWarn)}"> -->
            <div class="kmi-list__row" ng-repeat="item in dashboard['workMaterial'].materials_detail track by $index">
                <!-- <div class="kmi-list__column">
                    <div class="column-item" ng-if="feedingOpionOn">
                        <label class="label" ng-bind="'dashboard.workMaterial.wo_no' | translate"></label>
                        <label class="value" ng-bind="item.wo_no"></label>
                    </div>
                </div> -->
                <div class="kmi-list__column">
                    <div class="column-item" ng-if="feedingOpionOn">
                        <label class="label" ng-bind="'dashboard.workMaterial.materials_plot_no' | translate"></label>
                        <label class="value" ng-bind="item.materials_plot_no"></label>
                    </div>
                </div>
                <div class="kmi-list__column">
                    <div class="column-item">
                        <label class="label" ng-bind="'dashboard.workMaterial.materials_no' | translate"></label>
                        <label class="value" ng-bind="item.materials_no+'('+item.materials_name+')'"></label>
                    </div>
                </div>
                <div class="kmi-list__column">
                    <div class="column-item">
                        <label class="label" ng-bind="'dashboard.workMaterial.materials_qty' | translate"></label>
                        <label class='value' ng-bind="(+item.materials_qty)+'('+item.materials_unit+')'"></label>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
